<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link type="text/css" href="reset.css" rel="stylesheet" />
	</head>
	<body>
		<div class="manage-nav">
			<li class="active">发布中职位（1）</li>
			<li>审核中职位（0）</li>
			<li>未显示职位（1）</li>
			<li>全部职位（2）</li>
		</div>
		<div class="manage-list">
			<input type="checkbox" name="" id="" value="" />
			<div class="manage-pos">
			  <h4>职位名称<span>未预约<p class="manage-bespoke">[预约]</p></span><span>已关闭</span></h4>
			  <p class="manage-resume"><span>应聘简历：0</span><span>更新时间：2017-03-12 00:17</span></p>
			</div>
			<div class="manage-icbg">
				<i class="icbg-manag"></i>
				<i class="icbg-manag"></i>
				<i class="icbg-manag"></i>
				<i class="icbg-manag"></i>
				<i class="icbg-manag"></i>
				<i class="icbg-manag"></i>
			</div>
			<div class="manage-pos">
			  <h4>职位名称<span>已关闭</span></h4>
			  <p class="manage-resume"><span>应聘简历：0</span><span>更新时间：2017-03-12 00:17</span></p>
			</div>
			<div class="noposition-icbg">
				<i class="icbg-manag"></i>
				<i class="icbg-manag"></i>
				<i class="icbg-manag"></i>
			</div>
		</div>
		<style type="text/css">
			.manage-nav{
				width: 900px;
				height: 70px;
				border: 1px solid #ED1651;
				margin: 0 auto;
			}
			.manage-nav li{
				display: inline-block;
				height: 50px;
				line-height: 70px;
				border-bottom: 6px solid #ED1651;
			}
			.manage-list{
			  overflow: hidden;
				width: 900px;
				height: 109px;
				margin: 0 auto;
				border-bottom: 1px solid #ED1651;
				position: relative;
				background-color: #FFFFFF;
			}
			.manage-list>input{
			  display: block;
				width: 20px;
				height: 20px;
				border: 1px solid #ED1651;
				margin: 45px 40px;
				float: left;
			}
			.manage-pos{
				padding-top: 26px;
				width: 500px;
				float: left;
			}
			.manage-pos h4{
				font-size: 20px;
			}
			.manage-pos h4 span{
				font-size: 16px;
				color: #ED1651;
				margin-left: 22px;
			}
			.manage-bespoke{
				display: inline-block;
				margin-left: 10px;
				font-size: 14px;
			}
			.manage-resume{
				margin-top: 14px;
				float: left;
			}
			.manage-resume>span{
				display: inline-block;
				font-size: 16px;
				margin-right: 10px;
			}
			.manage-resume>span:first-child{
				width: 100px;
				border-right: 1px solid #000 ;
			}
			.manage-icbg{
				width: 150px;
				float: left;
				position: absolute;
				top: 24px;
				right: 20px;
				margin-right: 76px;
			}
			.manage-icbg i{
				display: inline-block;
				width: 26px;
				height: 26px;
				background-color: #ED1651;
				margin-right: 20px;
				margin-bottom: 10px;
				border-radius: 26px;
			}
			.noposition-icbg{
				width: 150px;
				float: left;
				position: absolute;
				top: 40px;
				right: 20px;
				margin-right: 76px;
			}
			.noposition-icbg i{
				display: inline-block;
				width: 26px;
				height: 26px;
				background-color: #ED1651;
				margin-right: 20px;
				border-radius: 26px;
			}
		</style>
	</body>
</html>
